﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>三维地理信息服务平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" media="all" href="CSS/media.css">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <link rel="stylesheet" href="layui/css/modules/layer/default/layer.css">
    <link rel="stylesheet" href="CSS/layerPopup.css">
    <link rel="stylesheet" href="plugin/vide7.4.1/css/video-js.min.css">
    <style>
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .layui-layout {
            box-shadow: 0 1px 4px 0 #e5e5e5;
            display: none;
        }

        .layui-header {
            width: 80%;
            margin: auto;
        }

        .layui-logo {
            position: absolute;
            z-index: 10000;
        }

        .layui-nav-item a {
            color: #000 !important;
            font-size: 16px;
        }

        .layui-nav-item a:hover {
            color: #1E9FFF !important;
        }

        .layui-layout-right .layui-nav-bar {
            background: #fff !important;
        }

        .search {
            width: 160px !important;
            display: inline-block;
            padding-right: 40px;
            border-radius: 20px;
        }

        .layui-nav-more {
            border-top-color: #b7b7b7 !important
        }

        .layui-nav .layui-nav-mored {
            transform: rotate(180deg);
        }

        .layui-anim-upbit a {
            font-size: 14px;
        }

        .layui-layout-right .layui-nav-item {
            margin-right: 20px;
            height: 60px;
        }

        .nav_phone {
            display: none;
        }

        .layui-logo {
            background-image: url(./static/IMG/Navigation/logo.png);
            background-position: center;
            background-size: 100%;
            background-repeat: no-repeat;
            width: 25%;
            height: 60px;
            cursor: pointer;
        }

        .layui-nav .p_sys {
            display: none;
        }

        .p_sys_sec {
            display: none;
            background: #000000;
            background: -moz-linear-gradient(top, #000000 0%, #afafaf 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #afafaf));
            background: -webkit-linear-gradient(top, #000000 0%, #afafaf 100%);
            background: -o-linear-gradient(top, #000000 0%, #afafaf 100%);
            background: -ms-linear-gradient(top, #000000 0%, #afafaf 100%);
            background: linear-gradient(to bottom, #000000 0%, #afafaf 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#afafaf', GradientType=0);
        }

        .p_sys_sec a {
            font-size: 14px !important;
        }

        a[class="button-selectimg"] {
            position: absolute;
            right: 44px;
            top: 10px;
            color: #fff;
            width: 80px;
            height: 34px;
            line-height: 34px;
            text-align: center;
            /* border: 1px dashed #00A2D4; */
            background: #00aeff;
            border-radius: 2px;
            text-decoration: none;
        }

        input[id="avatval"] {
            /* padding: 3px 6px; */
            padding-left: 10px;
            margin-top: 5px;
            border: 1px solid #E7EAEC;
            width: 190px;
            height: 40px;
            line-height: 40px;
            background: #FAFAFB;
            border-radius: 2px;
        }

        input[type='file'] {
            border: 0px;
            display: none;
        }

        .layui-form-checked[lay-skin="primary"] i {
            border-color: #00aeff !important;
            background-color: #00aeff !important;
        }

        .login, .register {
            color: #000;
            cursor: pointer;
        }

        .register:hover {
            text-decoration: underline;
        }

        .login:hover {
            text-decoration: underline;
        }

        .none {
            display: none;
        }

        .layui-layim-chat .layui-layer-max {
            display: none;
        }

        .layui-nav .layui-badge, .layui-nav .layui-badge-dot {
            margin: -20px -10px 0;
            border-radius: 10px;
        }

        .im .layui-badge {
            display: none;
        }

        .layim-chat-list li, .layui-layim-min .layui-layer-content {
            margin: 0px !important;
            border-radius: unset !important;
        }
        .layui-form-select dl dd.layui-this{
            background-color: #00aeff !important;
        }
        .layui-form-radioed>i, .layui-form-radio>i:hover {
            color: #00aeff !important;
        }
    </style>

</head>
<body>
<div class="layui-layout">
    <div class="layui-header">
        <div class="layui-logo"></div>
        <ul class="layui-nav layui-layout-body index-nav-body" style="margin-left:400px;background: #fff">
            <li class="layui-nav-item" onclick="Navigation('home')">
                <a href="javascript:;">首页</a>
            </li>
            <li class="layui-nav-item" onclick="Navigation('app')">
                <a href="javascript:;">应用</a>
            </li>
            <li class="layui-nav-item" onclick="Navigation('mod')">
                <a href="javascript:;">模板</a>
            </li>
            <li class="layui-nav-item" onclick="Navigation('data')">
                <a href="javascript:;">数据</a>
            </li>
            <li class="layui-nav-item" onclick="Navigation('style')">
                <a href="javascript:;">样式</a>
            </li>
            <li class="layui-nav-item" onclick="Navigation('doc')">
                <a href="javascript:;">文档</a>
            </li>
            <li class="layui-nav-item p_sys" style="display: none">
                <a href="javascript:;">个人与系统</a>
            </li>
            <li class="layui-nav-item p_login" style="display: none">
                <a href="javascript:;">登录</a>
            </li>
            <li class="layui-nav-item p_register" style="display: none">
                <a href="javascript:;">注册</a>
            </li>
            <!--手机模式中个人与系统的二级菜单-->
            <div class="p_sys_sec">
                <li class="layui-nav-item" onclick="Navigation('mypage')">
                    <a href="javascript:;">个人主页</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('user')">
                    <a href="javascript:;">用户管理</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('label')">
                    <a href="javascript:;">标签管理</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('log')">
                    <a href="javascript:;">日志管理</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('homeset')">
                    <a href="javascript:;">首页配置</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('examine')">
                    <a href="javascript:;">操作审核</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('clound')">
                    <a href="javascript:;">资源管理</a>
                </li>
                <li class="layui-nav-item" onclick="Navigation('logout')">
                    <a href="javascript:;">退出登录</a>
                </li>
            </div>
        </ul>
        <ul class="layui-nav  layui-layout-right" style="background: #fff">
            <li class="layui-nav-item searchLi">
                <input type="text" name="title" placeholder="请输入" autocomplete="off" class="layui-input search">
                <i class="layui-icon "
                   style="font-size: 25px; color: #1E9FFF;position:absolute;right:10px; cursor: pointer">&#xe615;</i>
            </li>
            <li class="layui-nav-item">
                <button type="button" class="layui-btn layui-btn-normal uploadData">上传数据</button>
            </li>
            <li class="layui-nav-item im">
                <i data-type="chat" class="layui-icon site-demo-layim"
                   style="font-size: 25px; color: #1E9FFF; cursor: pointer">&#xe60f;</i><span
                    class="layui-badge"></span>
            </li>
            <li class="layui-nav-item login">登录
            </li>
            <li class="layui-nav-item register">注册
            </li>
            <li class="layui-nav-item personal">
                <a href="javascript:;">
                    <img id="img" class="layui-nav-img">
                </a>
                <dl class="layui-nav-child">
                    <dd onclick="Navigation('mypage')"><a href="javascript:;">个人主页</a></dd>
                    <dd onclick="Navigation('user')"><a href="javascript:;">用户管理</a></dd>
                    <dd onclick="Navigation('permission')"><a href="javascript:;">角色管理</a></dd>
                    <dd onclick="Navigation('label')"><a href="javascript:;">标签管理</a></dd>
                    <dd onclick="Navigation('log')"><a href="javascript:;">日志管理</a></dd>
                    <dd onclick="Navigation('homeset')"><a href="javascript:;">首页配置</a></dd>
                    <dd onclick="Navigation('examine')"><a href="javascript:;">操作审核</a></dd>
                    <dd onclick="Navigation('clound')"><a href="javascript:;">资源管理</a></dd>
                    <dd onclick="Navigation('logout')"><a href="javascript:;">退出登录</a></dd>
                </dl>
            </li>
        </ul>
        <!--手机模式菜单栏触发按钮-->
        <i class="layui-icon nav_phone">&#xe790;</i>
    </div>
</div>
<iframe id="view" name="view" style="width:100%;overflow-x: hidden; overflow-y: scroll;margin-top: 5px" frameborder="0"></iframe>
<script src="JS/jquery-2.0.3.js"></script>
<script src="node_modules/sockjs.js"></script>
<script src="node_modules/stomp.js"></script>
<script src="JS/Navigation/Navigation.js"></script>
<script src="layui/layui.js" charset="utf-8"></script>
<script src="layui/lay/modules/layer.js"></script>
<script src="node_modules/html2canvas.js"></script>
<script src="JS/common.js"></script>
<script src="./JS/_websock.js"></script>
<script src="JS/index.js"></script>
<script src="plugin/vide7.4.1/js/video.min.js"></script>
<script>
    window.onbeforeunload = onbeforeunload_handler;
</script>

</body>
<!-- 上传数据弹窗 -->
<div id="popup" style="display: none;">
    <form class="layui-form" action="" style="margin-top: 8px;box-sizing: border-box;padding-right:15px;">
        <div class="layui-form-item" style="position: relative;">
            <label class="layui-form-label">文件路径</label>
            <div class="layui-input-inline">
                <input type="text" id="avatval" placeholder="请选择压缩文件(.zip)..." class="layui-input">
                <input type="file" name="avatar" id="avatar"/>
            </div>
            <a href="javascript:void(0);" class="button-selectimg" id="avatsel1">选择</a>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">数据类型</label>
            <div class="layui-input-block">
                <select class="dataType" name="type" lay-filter="dataType">
                    <option value="shape">shape</option>
                    <option value="fbxmodel">fbxmodel</option>
                    <option value="pointcloud">pointcloud</option>
                    <option value="osgb">osgb</option>
                    <option value="terrainmodel">terrainmodel</option>
                    <option value="tiff">tiff</option>
                </select>
            </div>
        </div>
        <!-- fbx文件 -->
        <div class="fbx none">
            <div class="layui-form-item">
                <label class="layui-form-label">数据选择场景</label>
                <div class="layui-input-block">
                    <input type="text" name="sence" placeholder="请输入场景" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">选择坐标系</label>
                <div class="layui-input-block">
                    <input type="text" name="system" placeholder="请输入坐标系" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">坐标系偏移</label>
                <div class="layui-input-block">
                    <input type="text" name="offsetX" placeholder="偏移X" autocomplete="off" class="layui-input"
                           style="float:left;width: 35%;margin-right: 5px;">
                    <input type="text" name="offsetY" placeholder="偏移Y" autocomplete="off" class="layui-input"
                           style="float:left;width: 35%;">
                </div>
            </div>
        </div>
        <!--其他文件类型 -->
        <div class="otherFile none">
            <div class="layui-form-item">
                <label class="layui-form-label">选择坐标系</label>
                <div class="layui-input-block">
                    <input type="text" name="system" placeholder="请输入坐标系" autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <!-- <input type="checkbox" name="like1[write]" lay-skin="primary" title="公开" checked=""> -->
                <input class="layui-btn layui-btn-normal" id="sc" value="上传" type="button" lay-submit=""
                       lay-filter="sc"></input>
            </div>
        </div>
    </form>
</div>
<!-- 发布级别弹窗 -->
<div id="fbLevel" style="display: none;">
    <form class="layui-form" action="" style="margin-top: 8px;box-sizing: border-box;padding-right:15px;">
        <div class="layui-form-item">
            <label class="layui-form-label">公开级别</label>
            <div class="layui-input-block">
                <select class="fblevel" name="type" lay-filter="fblevel">
                    <option value="0">全部</option>
                    <option value="2" disabled>分组可见</option>
                    <option value="1" disabled>对象可见</option>
                    <option value="3">仅自己可见</option>
                </select>
            </div>
        </div>
    </form>
</div>
</html>